<%@page import="Data.TblMoto"%>
<%@page session="false" contentType="text/html" pageEncoding="UTF-8"
	import="java.util.*,javax.portlet.*,com.ibm.demo_hibernate_2.*"%>
<%@ taglib uri="http://java.sun.com/portlet_2_0" prefix="portlet"%>
<%@taglib
	uri="http://www.ibm.com/xmlns/prod/websphere/portal/v6.1/portlet-client-model"
	prefix="portlet-client-model"%>
<div id="widgetContainer_<portlet:namespace/>"
	style="width: 100%; height: 500px">
	<portlet:defineObjects />
	<div dojotype="dojox.grid.TreeGrid" id="treeGrid_<portlet:namespace/>"></div>
	<portlet-client-model:init>
		<portlet-client-model:require module="ibm.portal.xml.*" />
		<portlet-client-model:require module="ibm.portal.portlet.*" />
	</portlet-client-model:init>
	<%@page import="com.ibm.demo_hibernate_2.motoDAO"%>

	<!-- include PortletHelper class and create object -->
	<script type="text/javascript">
dojo.require("portlet.namespace_7b51958724.portlethelper.Quan_ly_bien_so_xePortletView");//The initial path segment portlet.namespace_7b51958724 is already registerd.

//the portletHelper object may be used in writing the business logic related to JavaScript for this portlet
//and its methods can be called in the format: portletHelper_<portlet:namespace/>.handler(argsToPass);
var portletHelper_<portlet:namespace/>;

dojo.addOnLoad( function() {
      portletHelper_<portlet:namespace/> = new portlet.namespace_7b51958724.portlethelper.Quan_ly_bien_so_xePortletView({portlet: portlet_<portlet:namespace/>});
} );
</script>
	<!-- end include PortletHelper class and create object -->

	<script type="text/javascript">
dojo.require("dojo.parser");
dojo.require("dijit.layout.TabContainer");
dojo.require("dijit.layout.ContentPane");
dojo.require("dijit.form.DateTextBox");
dojo.require("dijit.Tree");
dojo.require("dijit.Calendar");
dojo.require("dojox.grid.TreeGrid");
</script>
	<script
		src='<%=renderResponse.encodeURL(renderRequest.getContextPath()+"/js/ui/jquery.min.js")%>'></script>
	<script
		src='<%=renderResponse.encodeURL(renderRequest.getContextPath()+"/js/ui/jquery-1.9.1.js")%>'></script>
	<script
		src='<%=renderResponse.encodeURL(renderRequest.getContextPath()+"/js/ui/jquery-ui.js")%>'></script>
	<script
		src='<%=renderResponse.encodeURL(renderRequest.getContextPath()+"/js/ui/slide.js")%>'></script>
	<script
		src='<%=renderResponse.encodeURL(renderRequest.getContextPath()+"/js/ui/contextMenu.js")%>'></script>
	<link rel="stylesheet" type="text/css"
		href='<%=renderResponse.encodeURL(renderRequest.getContextPath() +"/css/ui/styleSlide.css")%>'>
	<link rel="stylesheet" type="text/css"
		href='<%=renderResponse.encodeURL(renderRequest.getContextPath() +"/css/ui/jquery-ui.css")%>'>
	<link rel="stylesheet" type="text/css"
		href='<%=renderResponse.encodeURL(renderRequest.getContextPath() +"/css/ui/contextMenu.css")%>'>
	<script>
    dojoConfig = {
        isDebug: true,
        parseOnLoad: true,
        foo: "bar"
    };
</script>

	<script><!--

$(document).ready(function() {
$(".mytable td").click(function(e) {

/* var currentCellText = $(this).fin.text();
var LeftCellText = $(this).prev().text();
var RightCellText = $(this).next().text();
var RowIndex =$(this).parent().parent().parent().parent().children().index($(this).parent().parent()); */
var id = $(this).parent().children().eq(0).text();
var so_may = $(this).parent().children().eq(2).text();
var so_khung = $(this).parent().children().eq(3).text();
var nuoc_san_xuat = $(this).parent().children().eq(4).text();
var nam_san_xuat= $(this).parent().children().eq(5).text();
var dung_tich= $(this).parent().children().eq(6).text();
var cong_xuat= $(this).parent().children().eq(7).text();
var nien_han_su_dung = $(this).parent().children().eq(8).text();
var songuoi_duocphepcho= $(this).parent().children().eq(9).text();
var nguon_goc= $(this).parent().children().eq(11).text();
var so_chung_tu= $(this).parent().children().eq(12).text();
var ngaycap_chungtu= $(this).parent().children().eq(13).text();
var coquan_capchungtu= $(this).parent().children().eq(14).text();
var loai_nhien_lieu= $(this).parent().children().eq(15).text();
var mau_xe= $(this).parent().children().eq(16).text();
var nguoi_tao= $(this).parent().children().eq(17).text();
var ngay_tao= $(this).parent().children().eq(18).text();
var nguoi_sua= $(this).parent().children().eq(19).text();
var ngay_sua= $(this).parent().children().eq(20).text();
var trang_thai= $(this).parent().children().eq(21).text();
var noi_bao= $(this).parent().children().eq(22).text();
var ngay_bao= $(this).parent().children().eq(23).text();
var ghichu= $(this).parent().children().eq(24).text();
var nhanhieu_loaixe_id= $(this).parent().parent().children().eq(25).text();
var phien_ban= $(this).parent().children().eq(26).text();

$("#id").val(id);
$("#so_may").val(so_may);
$("#so_khung").val(so_khung);
$("#nuoc_san_xuat").val(nuoc_san_xuat);
$("#nam_san_xuat").attr("value",nam_san_xuat);
$("#dung_tich").val(dung_tich);
$("#nien_han_su_dung").val(nien_han_su_dung);
$("#songuoi_duocphepcho").val(songuoi_duocphepcho);
$("#nguon_goc").val(nguon_goc);
$("#so_chung_tu").val(so_chung_tu);
$("#ngaycap_chungtu").val(ngaycap_chungtu);
$("#coquan_capchungtu").val(coquan_capchungtu);
$("#loai_nhien_lieu").val(loai_nhien_lieu);
$("#cong_xuat").val(cong_xuat);
$("#mau_xe").val(mau_xe);
$("#nguoi_tao").val(nguoi_tao);
$("#select_nguoi_tao").val(nguoi_tao);
$('#select_nguoi_tao').on('change',function() {
    $('#nguoi_tao').val($(this).val());
})
/*$("#nguoi_tao").val( $('option:selected', this).text() ); */
/*$('#nguoi_tao option:contains(nguoi_tao)').prop('selected',true);*/
$("#nguoi_sua").val(nguoi_sua);
$("#ngay_tao").val(ngay_tao);
$("#ngay_sua").val(ngay_sua);
$("#trang_thai").val(trang_thai);
$("#noi_bao").val(noi_bao);
$("#ngay_bao").val(ngay_bao);
$("#ghichu").val(ghichu);
$("#nhanhieu_loaixe_id").val(nhanhieu_loaixe_id);
$("#phien_ban").val(phien_ban);

/* $(".mytable").css({"background-color":"white","font-size":"100%"}); */
})


});

--></script>
	<script>
 $(function() {
		$("#tabs").tabs();
		$("#tabs").tabs("option","active",2);
		$("#tabs").tabs("option", "disabled", [1] );
		/*$("#btnPreEdit").off('click').on('click', function(e) { */
		$(".pre").unbind('click').bind('click', function(){
		/* $("#btnPreEdit").click(function(e) { */
			$("#tabs").tabs("enable", 1);
			$("#tabs").tabs("option","active",1);
			$( "#tabs-1" ).tabs( "option", "collapsible", true );
		});
		});

</script>

	<script>
$(function() {
$( "#nien_han_su_dung").datepicker();
$( "#ngaycap_chungtu").datepicker();
$( "#ngay_tao").datepicker();
$( "#ngay_sua").datepicker();
$( "#ngay_bao").datepicker();
$( "#nien_han_su_dung_add").datepicker();
$( "#ngaycap_chungtu_add").datepicker();
$( "#ngay_tao_add").datepicker();
$( "#ngay_sua_add").datepicker();
$( "#ngay_bao_add").datepicker();
$.datepicker.setDefaults({
	altFormat: "yy-mm-dd",
	appendText: "(yyyy-mm-dd)",
	dateFormat: "yy-mm-dd"
});
});
</script>
<script>
$(function() {
	$("#tab-3").click(function(e) {
		$("#tabs").tabs("option", "disabled", [1] );
		$( "#tabs-1" ).tabs( "option", "collapsible", true );
	});
});
</script>
<style type="text/css">
		table {
		white-space: nowrap;
		}
</style>
	<%
	com.ibm.demo_hibernate_2.Demo_hibernate_2PortletSessionBean sessionBean = (com.ibm.demo_hibernate_2.Demo_hibernate_2PortletSessionBean)renderRequest.getPortletSession().getAttribute(com.ibm.demo_hibernate_2.Demo_hibernate_2Portlet.SESSION_BEAN);
	motoDAO objDAO = new motoDAO();
	%>



	<portlet:actionURL var="actionURL" />
	<div style="margin: 2px" style="width: 1500px; height: 800px">
		<div id="tabs">
			<ul>
				<li class="titleTab"><a href="#tabs-1">Add new</a></li>
				<li class="titleTab"><a href="#tabs-2">Update</a></li>
				<li class="titleTab"><a href="#tabs-3">List</a></li>
			</ul>
			<div id="tabs-1" style="width: 600px; height: 500px">
				<form action="<%=actionURL %>" name="formAddnew" method="post">
					<table>
						<tr>
							<td>ID:</td>
							<td><input name="id_add" type="text" />
							</td>
							<td>Số máy:</td>
							<td><input name="so_may_add" type="text" />
							</td>
							<td>Số khung:</td>
							<td><input name="so_khung_add" type="text" />
							</td>
							<td>Nước sản xuất:</td>
							<td><input name="nuoc_san_xuat_add" type="text" />
							</td>
						</tr>
						<tr>
							<td>Năm sản xuất:</td>
							<td><input name="nam_san_xuat_add" type="text" /></td>
							<td>Dung tích:</td>
							<td><input name="dung_tich_add" type="text" /></td>
							<td>Công xuất:</td>
							<td><input name="cong_xuat_add" type="text" /></td>
							<td>Niên hạn sử dụng:</td>
							<td><input name="nien_han_su_dung_add"
								id="nien_han_su_dung_add" type="text" />
							</td>
						</tr>
						<tr>
							<td>Số người được phép chở:</td>
							<td><input name="songuoi_duocphepcho_add" type="text" />
							</td>
							<td>Nguồn gốc:</td>
							<td><input name="nguon_goc_add" type="text" />
							</td>
							<td>Loại nhiên liệu:</td>
							<td><input name="loai_nhien_lieu_add" type="text" />
							</td>
							<td>Mẫu xe</td>
							<td><input name="mau_xe_add" type="text" />
							</td>
						</tr>
						<tr>
							<td>Số chứng từ</td>
							<td><input name="so_chung_tu_add" type="text" />
							</td>
							<td>Ngày cấp chứng từ</td>
							<td><input name="ngaycap_chungtu_add"
								id="ngaycap_chungtu_add" type="text" />
							</td>
							<td>Cơ quan cấp chứng từ</td>
							<td><input name="coquan_capchungtu_add" type="text" /> <input
								name="command" type="hidden" value="" /> <input
								name="command_add" type="hidden" value="add" /> <input
								name="command_del" type="hidden" value="" />
							</td>
						</tr>
						<tr>
							<td>Người tạo:</td>
							<td>
								<!-- <input name="nguoi_tao_add" type="text" /> --> <select
								name="nguoi_tao_add">
									<% 	List<TblMoto> listTemp = objDAO.getListMoto();
									for(int i = 0; i < listTemp.size(); i++) {
										TblMoto xe1 = (TblMoto)listTemp.get(i);
							%>
									<option value="<%= xe1.getId()%>"><%=xe1.getSoMay()%></option>
									<% 
							}
							%>
							</select>
							</td>
							<td>Ngày tạo:</td>
							<td><input name="ngay_tao_add" id="ngay_tao_add" type="text" />
							</td>
							<td>Người sửa:</td>
							<td><input name="nguoi_sua_add" type="text" />
							</td>
							<td>Ngày sửa:</td>
							<td><input name="ngay_sua_add" id="ngay_sua_add" type="text" />
							</td>
						</tr>
						<tr>
							<td>Trạng thái:</td>
							<td><input name="trang_thai_add" type="text" />
							</td>
							<td>Ghi chú:</td>
							<td><input name="ghichu_add" type="text" />
							</td>
							<td>Nơi báo:</td>
							<td><input name="noi_bao_add" type="text" />
							</td>
							<td>Ngày báo:</td>
							<td><input name="ngay_bao_add" id="ngay_bao_add" type="text" />
							</td>
						</tr>
						<tr>
							<td>Nhãn hiệu loại xe:</td>
							<td><input name="nhanhieu_loaixe_id_add" type="text" />
							</td>
							<td>Phiên bản:</td>
							<td><input name="phien_ban_add" type="text" />
							</td>
						</tr>
						<tr>
							<td><button dojotype="dijit.form.Button" type="submit"
									value="add new"
									name="<%=Demo_hibernate_2Portlet.FORM_SUBMIT %>">Add
									new</button></td>
							<td><button type="reset" value="reset">Reset</button>
							</td>
						</tr>
					</table>
				</form>
			</div>
			<div id="tabs-2">
				<form action="<%=actionURL %>" name="formedit" method="post">
					<table>
						<tr>
						</tr>
						<tr>
							<td>ID:</td>
							<td><input name="id" id="id" type="text" readonly="readonly"
								style="background-color: gray;" /></td>
							<td>So may:</td>
							<td><input name="so_may" id="so_may" type="text" /></td>
							<td>So khung:</td>
							<td><input name="so_khung" id="so_khung" type="text" /></td>
							<td>Nuoc san xuat:</td>
							<td><input name="nuoc_san_xuat" id="nuoc_san_xuat" type="text" /></td>
						</tr>
						<tr>
							<td>Nam san xuat:</td>
							<td><input name="nam_san_xuat" id="nam_san_xuat" type="text" />
							</td>
							<td>Dung tich:</td>
							<td><input name="dung_tich" id="dung_tich" type="text" />
							</td>
							<td>Cong xuat:</td>
							<td><input name="cong_xuat" id="cong_xuat" type="text" />
							</td>
							<td>Nien han su dung:</td>
							<td><input name="nien_han_su_dung" id="nien_han_su_dung"
								type="text" />
							</td>
						</tr>
						<tr>
							<td>So nguoi duoc phep cho:</td>
							<td><input name="songuoi_duocphepcho"
								id="songuoi_duocphepcho" type="text" /></td>
							<td>Nguon goc:</td>
							<td><input name="nguon_goc" id="nguon_goc" type="text" /></td>
							<td>Loai nhien lieu:</td>
							<td><input name="loai_nhien_lieu" id="loai_nhien_lieu"
								type="text" /></td>
							<td>Mau xe:</td>
							<td><input name="mau_xe" id="mau_xe" type="text" /></td>
						</tr>
						<tr>
							<td>So Chung tu:</td>
							<td><input name="so_chung_tu" id="so_chung_tu" type="text" />
							</td>
							<td>Ngay cap chung tu:</td>
							<td><input name="ngaycap_chungtu" id="ngaycap_chungtu"
								type="text" />
							</td>
							<td>Co quan cap chung tu:</td>
							<td><input name="coquan_capchungtu" id="coquan_capchungtu"
								type="text" /></td>
						</tr>
						<tr>
							<td>Nguoi tao:</td>
							<td>
								<input name="nguoi_tao" id="nguoi_tao" type="text" readonly="readonly"/>
								<select
								name="select_nguoi_tao" id="select_nguoi_tao">
									<% 	List<TblMoto> listTemp2 = objDAO.getListMoto();
									for(int i = 0; i < listTemp2.size(); i++) {
										TblMoto xe1 = (TblMoto)listTemp2.get(i);
							%>
									<option value="<%= xe1.getId()%>"><%=xe1.getSoMay()%></option>
									<% 
							}
							%>
							</select>
							</td>
							<td>Ngay tao:</td>
							<td><input name="ngay_tao" id="ngay_tao" type="text" />
							</td>
							<td>Nguoi sua:</td>
							<td><input name="nguoi_sua" id="nguoi_sua" type="text" /></td>
							<td>Ngay sua:</td>
							<td><input name="ngay_sua" id="ngay_sua" type="text" />
							</td>
						</tr>
						<tr>
							<td>Trang thai:</td>
							<td><input name="trang_thai" id="trang_thai" type="text" />
							</td>
							<td>Ghi chu:</td>
							<td><input name="ghichu" id="ghichu" type="text" /></td>
							<td>Noi bao:</td>
							<td><input name="noi_bao" id="noi_bao" type="text" /></td>
							<td>Ngay bao:</td>
							<td><input name="ngay_bao" id="ngay_bao" type="text" />
							</td>
						</tr>
						<tr>
							<td>Nhan hieu loai xe:</td>
							<td><input name="nhanhieu_loaixe_id" id="nhanhieu_loaixe_id"
								type="text" /></td>
							<td>Phien ban:</td>
							<td><input name="phien_ban" id="phien_ban" type="text" /> <input
								name="command" type="hidden" value="edit" /> <input
								name="command_add" type="hidden" value="" /> <input
								name="command_del" type="hidden" value="" />
							</td>
						</tr>
						<tr>
							<td><button dojotype="dijit.form.Button" type="submit"
									value="edit" id="editButton"
									name="<%=Demo_hibernate_2Portlet.FORM_SUBMIT %>">Edit</button>
							</td>
							<td><button dojotype="dijit.form.Button" type="reset"
									value="reset">Reset</button></td>
						</tr>
					</table>
				</form>
			</div>
			<% 		
				/* 	}
				} */
			%>
			<div style="display:none;"   id="contextMenu">
        <table  border="0" cellpadding="0" cellspacing="0" 
            style="border: thin solid #808080; cursor: default;" width="100px" 
            bgcolor="White">
            <tr>
                <td >
                    <div onclick="javascript:alert('You Clicked '+this.innerHTML);" onmouseup="ShowMenu('contextMenu','none',event);" class="ContextItem">View</div>
                    </td>
            </tr>
            <tr>
                <td >
                <div onclick="javascript:alert('You Clicked '+this.innerHTML);" onmouseup="ShowMenu('contextMenu','none',event);"  class="ContextItem">Edit</div>
                </td>
            </tr>
            <tr>
                <td >
                    <div onclick="javascript:alert('You Clicked '+this.innerHTML);" onmouseup="ShowMenu('contextMenu','none',event);"  class="ContextItem">Delete</div>
                </td>
            </tr>
        </table>
    		</div>
			<div id="tabs-3" onclick="HideMenu('contextMenu');" oncontextmenu="return false;">
				<form action="<%=actionURL %>" name="formList" method="post">
					<table border="1" cellpadding="4" cellspacing="0" width="100%"
						id="mytable" class="mytable">
						<tr>
							<td>ID</td>
							<td>Action</td>
							<td>Số máy</td>
							<td>Số khung</td>
							<td>Nước sản xuất</td>
							<td>Năm sản xuất</td>
							<td>Dung tích</td>
							<td>Công xuất</td>
							<td>Niên hạn sử dụng</td>
							<td>Số người được phép chở</td>
							<td>Hình ảnh</td>
							<td>Nguồn gốc</td>
							<td>Số chứng từ</td>
							<td>Ngày cấp</td>
							<td>Cơ quan cấp</td>
							<td>Loại nhiên liệu</td>
							<td>Mẫu xe</td>
							<td>Người tạo</td>
							<td>Ngày tạo</td>
							<td>Người sửa</td>
							<td>Ngày sửa</td>
							<td>Trạng thái</td>
							<td>Nơi báo</td>
							<td>Ngày báo</td>
							<td>Ghi chú</td>
							<td>Loại xe</td>
							<td>Phiên bản</td>
						</tr>

						<%
			
		List<TblMoto> listMoto = objDAO.getListMoto();

		for (int i = 0; i < listMoto.size(); i++) {
			TblMoto xe1 = (TblMoto)listMoto.get(i);
		%>
						<tr onmouseup="HideMenu('contextMenu');"  oncontextmenu="ShowMenu('contextMenu',event);"
         				class="detailItem">
							<td><%= xe1.getId() %></td>
							<td><input type="button" value="Edit" class="pre" /> <input
								type="hidden" id="command_del" name="command_del" value="delete" />
								<input type="hidden" id="id_del" name="id_del"
								value="<%=xe1.getId() %>" /> <input name="command"
								type="hidden" value="" /> <input name="command_add"
								type="hidden" value="" />
								<button dojotype="dijit.form.Button" type="submit"
									value="Delete" id="btnDelete"
									name="<%=Demo_hibernate_2Portlet.FORM_SUBMIT %>">Delete</button>
							</td>
							<td><%= xe1.getSoMay() %></td>
							<td><%= xe1.getSoKhung() %></td>
							<td><%= xe1.getNuocSanXuat() %></td>
							<td><%= xe1.getNamSanXuat() %></td>
							<td><%= xe1.getDungTich() %></td>
							<td><%= xe1.getCongXuat() %></td>
							<td><%= xe1.getNienHanSuDung() %></td>
							<td><%= xe1.getSonguoiDuocphepcho() %></td>
							<td><%= xe1.getHinhAnh() %></td>
							<td><%= xe1.getNguonGoc() %></td>
							<td><%= xe1.getSoChungTu() %></td>
							<td><%= xe1.getNgaycapChungtu() %></td>
							<td><%= xe1.getCoquanCapchungtu() %></td>
							<td><%= xe1.getLoaiNhienLieu() %></td>
							<td><%= xe1.getMauXe() %></td>
							<td><%= xe1.getNguoiTao() %></td>
							<td><%= xe1.getNgayTao() %></td>
							<td><%= xe1.getNguoiSua() %></td>
							<td><%= xe1.getNgaySua() %></td>
							<td><%= xe1.getTrangThai() %></td>
							<td><%= xe1.getNoiBao() %></td>
							<td><%= xe1.getNgayBao() %></td>
							<td><%= xe1.getGhichu() %></td>
							<td><%= xe1.getNhanhieuLoaixeId() %></td>
							<td><%= xe1.getPhienBan() %></td>
						</tr>
						<%
			}
			%>
					</table>
				</form>
			</div>
		</div>
	</div>
</div>





